        
        <style type="text/css" media="all">
            #erro{
                border: 1px solid #ff6600;
                background: #f8a5ba;
                display: none; 
                height: 35px;
                font: 16px "Ubuntu", "Trebuchet MS", Verdana, sans-serif;
                text-align: left; 
                margin-left: 23.3%;
                border-radious: 5px;  -moz-border-radius: 5px; -webkit-border-radius: 5px;
                vertical-align: inherit; 
            }
            
            #erro img{ margin-top: 5px; }
            
            .msg-success{
                margin-left: 23.3%;
            }
        </style>        
        
<script language="JavaScript" type="text/javascript">
<!--

function valida(){
    var text = "";
    var erro = 0;

    if(document.getElementById("senha").value == ""){
      text = text+"<img alt='[Erro]' src='general/style/img/error.png' />&nbsp; A senha deve ser preenchida. <br />";
      ++erro;
      document.getElementById('senha').style.background = "#FAFFBD";
    }
    else if(document.getElementById("conf_senha").value == ""){
      text = text+"<img alt='[Erro]' src='general/style/img/error.png' />&nbsp; A senha não foi confirmada. <br />";
      ++erro;
      document.getElementById("conf_senha").style.background = "#FAFFBD";
    }
    else if(document.getElementById("senha").value != document.getElementById('conf_senha').value){
      text = text+"<img alt='[Erro]' src='general/style/img/error.png' />&nbsp; A senha digitada não confere. <br />";
      ++erro;
      document.getElementById('conf_senha').style.background = "#FAFFBD";
    }
    else if(document.getElementById("senha").value.length < 6){
      text = text+"<img alt='[Erro]' src='general/style/img/error.png' />&nbsp; A senha deve ter no mínimo 6 digitos<br />";
      ++erro;
      document.getElementById('senha').style.background = "#FAFFBD";
    }

    if(erro!=0){
        document.getElementById("erro").style.display = "block";
        document.getElementById("erro").innerHTML = text;

    return false;
    }

}

//-->
</script>        

        <br />
        <div id="erro" class="size52"></div>
        
        <!-- BEGIN BLOCK_MSG -->
        <div class="msg-success size52">Senha alterada com sucesso</div>
        <!-- END BLOCK_MSG -->    
        <br />
        <div id="form-header" class="size30 form-gradiente-gray-stripe">
            <h1>TROCA SUA SENHA</h1>
        </div>
        <form name="trocaSenha" class="formStyle size30 form-gradiente-gray" id="trocaSenha"
              onsubmit="return valida();" action="#" method="post">
            <div class="field_inline">
                <fieldset class="fieldset-none">
                    <label class="size80"><span class="full">Senha Nova  </span>
                        <input type="password" name="senha" id="senha" value="" class="full" />
                    </label>                         
                    
                    <label class="size80"><span class="full">Repita a Nova Senha  </span>
                        <input type="password" name="conf_senha" id="conf_senha" value="" class="full" />
                    </label>
                </fieldset>
                <div class="hide">
                    <input type="hidden" class="" name="usuario" value="{USUARIO}" />
                </div>
            </div>
            <div class="boxButtons">
                <a style=" text-decoration: none;" href="home.php"><input type="button" name="cancelar" class="form-buttom-gray" value="Cancelar"  /></a>
                <input type="submit" class="form-buttom-green" value="Trocar Senha" />
            </div>
        </form>